<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> 定时器 </title>

</head>
<body>
<div style="font-size:30px;">
    100
</div>
<script>
//    setTimeout(function, delaytime)
//    延迟time毫秒后，执行某个function
//    setTimeout(function(){
//        alert('5s后，倒计时开始')
//    }, 5000)

//    setInterval(function, time)
//    每隔多少毫秒后，执行某个function
    var timer   // 定时器的id名
    var div = document.querySelector('div')
    var num = div.innerHTML

    function calc(){
        num--
        div.innerHTML = num
    }
    timer = setInterval(calc, 500)
    // 10s之后自动停止倒计时
    setTimeout(function(){
        // 清除倒计时，内部的参数是计时器的id名
        clearInterval(timer)
    }, 10000)
</script>
</body>
</html>